<div class="modal-header">
    <span>{{ modalHeader }}</span>
    <button class="close" aria-label="Close" (click)="closeModal()">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <form>
        <nb-card>
            <nb-card-body>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="roleKey">角色代码</label>
                            <input type="text" class="form-control" id="roleKey" name="roleKey" placeholder="角色代码" [(ngModel)]="role.roleKey">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="roleName">角色名称</label>
                            <input type="text" class="form-control" id="roleName" name="roleName" placeholder="角色名称" [(ngModel)]="role.roleName">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6" *ngIf="isEdit">
                        <div class="form-group">
                            <label for="status">状态</label>
                            <select class="form-control" [(ngModel)]="role.status" name="status">
                                <option *ngFor="let option of statusType" [value]="option.name">{{option.val}}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </nb-card-body>
        </nb-card>
    </form>
</div>
<div class="modal-footer">
    <button class="btn btn-md" (click)="closeModal()">取消</button>
    <button class="btn btn-md btn-primary" (click)="saveData()">保存</button>
</div>